<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta http-equiv="Cache-Control" content="no-siteapp">
		<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
		<meta name="apple-mobile-web-app-title" content="汉方">
		<link rel="stylesheet" href="css/mui.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="font_1194907_f8b8oshwnqi/iconfont.css">
		<link rel="stylesheet" href="css/preson.css">
		<script src="js/mui.js" type="text/javascript" charset="utf-8"></script>
		<title>首页</title>
		<style>
			.mui-bar-nav a {
				color: #333;
			}

			.content {
				padding-top: 44px;
			}
			.mui-navigate-right:after, .mui-push-right:after{
				top:20px;
			}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">个人中心</h1>
		</header>
		<div class="content">
			<div class="top">
				<div class="top_user">
					<div>
						<img src="img/head.png" alt="">
					</div>
					<div>
						<div>
							<span>夏天</span>
							<p>推广码：670211</p>
						</div>
					</div>
				</div>
				<ul class="menu">
					<li>
						<i><img src="img/kehu.png" alt=""></i>
						<p>我的客户</p>
					</li>
					<li>
						<i><img src="img/sale.png" alt=""></i>
						<p>销售数量</p>
					</li>
					<li>
						<i><img src="img/daili.png" alt=""></i>
						<p>代理单数</p>
					</li>
					<li>
						<i><img src="img/jinrishouru.png" alt=""></i>
						<p>今日收入</p>
					</li>
					<li>
						<i><img src="img/leijishoushu.png" alt=""></i>
						<p>累计收入</p>
					</li>
				</ul>
			</div>
			<div class="order">
				<ul class="all_order">
					<li class="mui-table-view-cell">
						<a href="#" class="mui-navigate-right myorder">我的订单 <i class="mui-pull-right update">查看全部订单</i></a>
					</li>
				</ul>
				<ul class="order_status">
					<li class="status_list line">
						<i><img src="img/daifukuan.png" alt=""></i>
						<p>待付款</p>
					</li>
					<li class="status_list line">
						<i><img src="img/daifahuo.png" alt=""></i>
						<p>代发货</p>
					</li>
					<li class="status_list line">
						<i><img src="img/daishouhuo.png" alt=""></i>
						<p>待收货</p>
					</li>
					<li class="status_list">
						<i><img src="img/wancheng.png" alt=""></i>
						<p>待完成</p>
					</li>
				</ul>
			</div>
			<div class="order_detail">
				<ul class="detail_list">
					<li class="mui-table-view-cell">
						<a href="#" class="mui-navigate-right"><img src="img/zhanghuyue.png">账户余额 <i class="mui-pull-right">0.00</i></a>
					</li>
					<li class="mui-table-view-cell">
						<a href="#" class="mui-navigate-right"><img src="img/xiaofeijifen.png">消费积分 <i class="mui-pull-right">0.00</i></a>
					</li>
					<li class="mui-table-view-cell">
						<a href="#" class="mui-navigate-right"><img src="img/fugoujifen.png">复购积分 <i class="mui-pull-right">0.00</i></a>
					</li>
					<li class="mui-table-view-cell">
						<a href="#" class="mui-navigate-right"><img src="img/xiaoshoutixian.png">销售总单 <i class="mui-pull-right">0.00</i></a>
					</li>
					<li class="mui-table-view-cell">
						<a href="#" class="mui-navigate-right"><img src="img/lingquchanpin.png">领取产品 <i class="mui-pull-right"></i></a>
					</li>
					<li class="mui-table-view-cell">
						<a href="#" class="mui-navigate-right"><img src="img/huokuanzhuanzhang.png">货款转账 <i class="mui-pull-right"></i></a>
					</li>
					<li class="mui-table-view-cell">
						<a href="#" class="mui-navigate-right"><img src="img/tichengzhuandaikuan.png">提成转货款 <i class="mui-pull-right"></i></a>
					</li>
					<li class="mui-table-view-cell">
						<a href="#" class="mui-navigate-right"><img src="img/xiaoshoutixian.png">销售提现 <i class="mui-pull-right"></i></a>
					</li>
					<li class="mui-table-view-cell">
						<a href="#" class="mui-navigate-right"><img src="img/fans.png">我的粉丝 <i class="mui-pull-right"></i></a>
					</li>
					<li class="mui-table-view-cell">
						<a href="#" class="mui-navigate-right"><img src="img/jifenleyuan.png">积分乐园 <i class="mui-pull-right"></i></a>
					</li>
					<li class="mui-table-view-cell">
						<a href="#" class="mui-navigate-right"><img src="img/wodeguanzhu.png">我的关注 <i class="mui-pull-right"></i></a>
					</li>
					<li class="mui-table-view-cell">
						<a href="#" class="mui-navigate-right"><img src="img/wodetixian.png">我的提现 <i class="mui-pull-right"></i></a>
					</li>
				</ul>
			</div>
			<div class="btn">
				<button>退出登录</button>
			</div>
		</div>
		<footer class="page-footer fixed-footer" id="footer">
			<ul>
				<li>
					<a href="index.html">
						<i class="icon iconfont">&#xe600;</i>
						<p>首页</p>
					</a>
				</li>
				<li>
					<a href="shopcar.html">
						<i class="icon iconfont">&#xe6ad;</i>
						<p>推广海报</p>
					</a>
				</li>
				<li class="active">
					<a href="preson.html">
						<i class="icon iconfont">&#xe60c;</i>
						<p>个人中心</p>
					</a>
				</li>
			</ul>
		</footer>
	</body>
</html>
